<template>
	<view class="content align-center _flex_column">
		<image src="../../static/images/gou.png" mode="aspectFill" v-if="isshow"></image>
		<view :class="id==1||id==2?'text text1':'text'">{{data}}</view>
		<view class="text text2" v-if="id==1">未通过原因：{{remarks1}}</view>
		<button type="" @tap="toPage">完成</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:'',
				id:0,
				remarks1:'',
				isshow:true
			}
		},
		onLoad(options) {
			console.log(options)
			var {id} = options
			
			if (id==1) {
				var {id,str,remarks1} = options
				this.data = str
				this.id = id
				this.remarks1 = remarks1
				this.isshow=false
			}else {
				var {id,str} = options
				this.data = str
				this.id = id
				this.isshow=true
			}
			
		},
		methods: {
			toPage(){
				let id = this.id
				console.log(id)
				if (id==1) {
					uni.redirectTo({
					   url: 'store_settlement?id=1' 
					});
				}else {
					uni.switchTab({
					   url:'me'
					});
				}
			},
		}
	}
</script>

<style>
	page{
		background: #fff;
	}
	.content image{
		width:128rpx;
		height:128rpx;
		text-align: center;
		margin:86rpx auto 40rpx;
	}
	button{
		background: url("../../static/images/band-card.png") no-repeat;
		background-size: 100% 100%;
		color: #fff;	
		width:600rpx;
		height:80rpx;
		margin:148rpx auto 0;
		line-height: 80rpx;
		text-align: center;
		font-size: 28rpx;
	}
	button:after{
		border: 0;
	}
	.text1 {
		color: red;
		margin-top: 80upx;
	}
	.text2 {
		margin-top: 80upx;
		
	}
</style>
